<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <title>超级幸运星</title>
    <link rel="stylesheet" href="base/public.css">
    <link rel="stylesheet" href="static/css/index.css">
    <style>
        @media (min-width: 320px) {
            html {
                font-size: 85.33px;
            }
        }

        @media (min-width: 360px) {
            html {
                font-size: 96px;
            }
        }

        @media (min-width: 375px) {
            html {
                font-size: 100px;
            }
        }

        @media (min-width: 411px) {
            html {
                font-size: 109.6px;
            }
        }

        @media (min-width: 414px) {
            html {
                font-size: 110.4px;
            }
        }

        @media (min-width: 768px) {
            html {
                font-size: 204.8px;
            }
        }

        @media (min-width: 1024px) {
            html {
                font-size: 273.06px;
            }
        }
    </style>
</head>

<body>
<div class="hidden">
    <div class="lucky-top">
        <img src="static/images/lucky-top.png" alt="">
        <div class="title-bg lucky-rules-title">活动规则</div>
    </div>
    <div class="box">
        <div class="lucky-box">
            <div class="lucky-box-text">
                <p class="lucky-text-title">每日超级幸运星：</p>
                <p class="lucky-text-content">每日魅力榜、富豪榜排名第一的用户</p>
            </div>
            <div class="lucky-box-text">
                <p class="lucky-text-title">
                    每日幸运之星：
                </p>
                <p class="lucky-text-content">
                    每日魅力榜、富豪榜排名第16、26、36、46的用户
                </p>
            </div>
        </div>
        <div class="title-bg">活动奖励</div>
        <div class="rules-box">
            <div class="rules-box-text">
                <p class="rules-text-title">每日超级幸运星</p>
                <p class="rules-text-content">
                    可享受次日兑换/充值金额5%的返钻
                </p>
            </div>
            <div class="rules-box-text">
                <p class="rules-text-title">每日幸运之星</p>
                <p class="rules-text-content">
                    可享受次日兑换/充值金额3%的返钻
                </p>
            </div>
        </div>
        <div class="prompt">
            <p>温馨提示：</p>
            <p>每个获奖ID每天仅可获得一次兑换/充值返钻机会，过期作废。</p>
        </div>
        <div class="title-bg">昨日幸运星</div>
        <!-- 昨日幸运星 -->
        <div class="lucky-box">
            <div class="lucky-box-text">
                <p class="lucky-text-title">昨日超级幸运星（充值/兑换返钻5%）</p>
            </div>
            <div class="lucky-star">
                <div class="lucky-star-head lucky-star-head-charm">

                </div>
                <div class="lucky-star-head lucky-star-head-wealth">

                </div>
            </div>
            <div class="lucky-box-text">
                <p class="lucky-text-title">昨日幸运之星（充值/兑换返钻3%）</p>
            </div>
            <div class="every-day">


            </div>
        </div>
        <div class="switch">
            <p class="switch-item">魅力榜</p>
            <p class="switch-item active">富豪榜</p>
        </div>
        <!-- 排名开始 -->
        <div class="lucky-list">
            <div class="list-title">
                <p class="ranking-title">排名</p>
                <p class="ranking-head">头像</p>
                <p class="ranking-name">昵称</p>
                <div class="ranking-value">
                    <p class="value_type"></p>
                    <img src="static/images/diamond.png" alt="">
                </div>
            </div>
            <div class="ranking-list-box ranking-list-box-0">

            </div>
            <div class="ranking-list-box ranking-list-box-1"></div>
        </div>
        <!-- 排名结束 -->
        <div class="back-top">
            <img src="static/images/top.png">
        </div>
    </div>
    <div class="ranking-list-item ranking-list-item-0">

    </div>
    <div class="ranking-list-item ranking-list-item-2">

    </div>
</div>
<script src="src/jquery.min.js"></script>
<script src="src/index/common.js"></script>
<script src="src/index/index.js"></script>
</body>
</html>
